<%@page import="aa.db.DBTools"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.sql.*" %>
     <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>A532牌预订酒店</title>
       


<link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1642607674.css" rel="stylesheet" type="text/css"/>


<link href="https://css.mafengwo.net/css/cv/css+hotel+hotel_index:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range:css+hotel+number_guests_picker^YlVX^1568016444.css" rel="stylesheet" type="text/css"/>

    
    
    
    

<script language="javascript" src="https://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:miniapp+js+sdk:js+M+Log:js+m.statistics:js+advert+inspector:js+corelib+underscore-1.6.0:js+corelib+backbone-1.1.2^YlNb^1630614085.js" type="text/javascript" crossorigin="anonymous"></script>

</head>

  <style type="text/css">
        ._j_tab_content img {
            opacity: 0;
            -webkit-transition: opacity ease-in 1s;
            -moz-transition: opacity ease-in 1s;
            transition: opacity ease-in 1s;
        }
        ._j_tab_content .img-show {
            opacity: 1;
        }

        .hotel-new-icon {
            position: absolute;
            display: block;
            width: 238px;
            height: 210px;
            bottom: -1px;
            left: 5px;
            z-index: -1;
            background-image: url('http://css.mafengwo.net/images/hotel/new-customer-icon.gif');
            background-size: 100% 100%;
        }

        .hotel-new-icon:hover {
            z-index: 0;
            background-image: url('http://css.mafengwo.net/images/hotel/new-customer-hover-icon.png');
        }

        .hotel-new-icon .close {
            position: absolute;
            display: block;
            width: 25px;
            height: 25px;
            right: 0;
            bottom: 83px;
            border-radius: 50%;
        }

        .toolbar-item-top, .toolbar-item-feedback, .toolbar-item-code {
            padding-left: 40px;
                
        }
       .hotel-search body{
       
        
        background-color: #f2f2f2;  
        font-family: Arial, sans-serif;  
        margin: 0;  
        padding: 0;  }
  
    .hotel-search{  
        max-width: 800px;  
        margin: 20px auto;  
        background-color: #fff; 
        padding: 20px;  
        box-shadow: 0 0 10px rgba(0,0,0,0.1);  
    }  
   .hotel-search h1 {  
        color: #ffa500; 
        text-align: center;  
    }  
   .hotel-search table {  
        width: 100%;  
        border-collapse: collapse;  
        margin-top: 20px;  
    }  
   .hotel-search th, td {  
        padding: 8px;  
        text-align: left;  
        border-bottom: 1px solid #ddd;  
    }  
   .hotel-search th {  
        background-color: #ffa500; 
        color: #fff;  
    }  
   .hotel-search form {  
        margin-top: 20px;  
    }  
    .hotel-search input[type=text], input[type=submit] {  
        padding: 5px 10px;  
        font-size: 16px;  
    }  
   .hotel-search  input[type=submit] {  
        background-color: #ffa500; 
        color: #fff;  
        border: none;  
        cursor: pointer;  
    }  



    </style>

<body>
    
    
    
    <script defer async type="text/javascript" src="//static.mafengwo.net/wza/aria.js?appid=231e66a83e25807b37fadae6d233d5af" crossorigin="anonymous" charset="utf-8"></script>
<div id="header" >
    <div class="mfw-header">
        <div class="header-wrap clearfix" id="_j_head_nav_warper">
            <ul class="head-nav mfw-acc-hide" data-cs-t="headnav" id="_j_head_nav">
                <li class="head-nav-index _j_head_nav_index" ><a href="login.jsp">用户登录</a></li>
                <li class="head-nav-index _j_head_nav_index" ><a href="login-ketang.jsp">管理员登录</a></li>
               

        </ul>
    </div>

</div>

</div>



    


    
    
    <div class="hotel-search">
<% 
       //接收数据kw
request.setCharacterEncoding("utf-8");
String key = request.getParameter("kw");
if(key==null){
	key="";
}
%>
<form method="post">
请输入查询条件: <input type="text"name="kw" value="<%=key%>"/>
<input type="submit" value="查询"/>
</form>
<%



if(key.length()>0){
    

//构造sQL
String sql = "SELECT * FROM hotel WHERE city like '%"+key+"%' or name LIKE'%"+key+"%'";
//out.println(sql);
//out.println("<br>");

//查询DB---->rs
/*Class.forName("org.mariadb.jdbc.Driver");
Connection connection = DriverManager.getConnection("jdbc:mariadb://10.220.140.102:3366/studb11","stua","zHZUA65r");
Statement stmt = connection.createStatement();
ResultSet rs = stmt.executeQuery(sql);
*/
//sql--->rs

javax.sql.rowset.WebRowSet rs = aa.db.DBTools.getRS(sql);



//显示rs结果
out.println("<table width='80%' border='1'>");
out.println("<tr><th>酒店名</th><th>城市</th><th>评分</th><th>房型</th></tr>");
while (rs.next()){
	out.println("<tr>");
	out.println("<td>"+rs.getString("name")+"</td>");
	out.println("<td>"+rs.getString("city")+"</td>");
	out.println("<td>"+rs.getString("score")+"</td>");
	out.println("<td>"+rs.getString("type")+"</td>");
	out.println("</tr>");
}
out.println("</table>");
rs.close();


}
%>
       
        
        
    </div>
    
    

  

    <div class="hotel-main">
        <div class="h-title">订酒店</div>
        <div class="clearfix date-warp">
            <div class="add-travle">
                <input type="text" placeholder="出行目的地" id="_j_search_input" autocomplete="off">
                <div class="not-cont" id="_j_search_shortcut_mdds" style="display:none;"></div>
                <div class="search-suggest-panel search-suggest-hotel" style="display:none;" id="_j_search_suggest"></div>
            </div>
            <div class="stay-time _j_booking_date_item" id="_j_check_in_date">
                <span></span>
                <input type="text" placeholder="入住日期" readonly>
                <i></i>
            </div>
            <div class="leave-time _j_booking_date_item" id="_j_check_out_date">
                <span></span>
                <input type="text" placeholder="离店日期" readonly>
                <i></i>
            </div>
            <div class="hs-item hs-item-people" id="_j_booking_number_guests">
                <span>人数</span>
                <i class="icon-person"></i>
            </div>
            <div class="btn-search" id="_j_search_btn"><i></i></div>
        </div>
     

        
        <div class="h-theme" id="_j_features">
            <div class="h-title" style="margin-top: 50px;">主题住宿</div>
            <div class="tab-theme">
                <div class="themeList clearfix _j_tab_trigger">
                                            <a href="javascript:;" data-id="0">成都</a>
                                            <a href="javascript:;" data-id="1">上海</a>
                                            <a href="javascript:;" data-id="2">武汉</a>
                                            <a href="javascript:;" data-id="3">昆明</a>
                                            <a href="javascript:;" data-id="4">新疆</a>
                                            <a href="javascript:;" data-id="5">湖南</a>
                                    </div>
                <div class="_j_tab_content">
                                            <ul class="clearfix" style="display:none;" data-id="0">
                                                             <li>
                                    <div class="fc-item">
                                        <a href="hotel1-details.jsp"
                                           target="_blank" data-type="feature" data-name="成都梦之旅文君楼庭院酒店（宽窄巷子店）">
                                            <div class="pic">
                                                <img data-src="https://tse4-mm.cn.bing.net/th/id/OIP-C.bXMXok8d3dThyb_VvCWplAHaFj?rs=1&pid=ImgDetMain" alt="成都梦之旅文君楼庭院酒店（宽窄巷子店）图片">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>成都梦之旅文君楼庭院酒店（宽窄巷子店）</h2>
                                                <p class="caption">成都</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" hotel2-details.jsp"
                                           target="_blank" data-type="feature" data-name="成都盛美利亚酒店">
                                            <div class="pic">
                                                <img data-src="https://ts1.cn.mm.bing.net/th/id/R-C.f4248d3b60c2fc44c641312e23a3edf2?rik=oG%2f1l%2b4D6Hkqvw&riu=http%3a%2f%2fwww.cdrenju.com%2fUploadfiles%2fPicture%2f2020-5-18%2f20205181629545988.jpg&ehk=9oJL9kfGOw5hMSTCbsewDIentgtu28djpDhDIzzyk2c%3d&risl=&pid=ImgRaw&r=0" alt="成都盛美利亚酒店图片">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>成都盛美利亚酒店</h2>
                                                <p class="caption">成都</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href="hotel3-details.jsp "
                                           target="_blank" data-type="feature" data-name="成都玉林华西亚朵酒店">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/1mc3c12000c166su99314_W_1080_808_R5_D.jpg" alt="成都玉林华西亚朵酒店">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>成都玉林华西亚朵酒店</h2>
                                                <p class="caption">成都</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                              <li>
                                    <div class="fc-item">
                                        <a href=" hotel4-details.jsp"
                                           target="_blank" data-type="feature" data-name="成都富力丽思卡尔顿酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1024x768/500309549.jpg?k=2f15bd4ae53522afa3d728a632d219f6fd27c68bbfa44bc5e9c7f5f4e54e9b76&o=&hp=1" alt="成都富力丽思卡尔顿酒店图片">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>成都富力丽思卡尔顿酒店</h2>
                                                <p class="caption">成都</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" hotel5-details.jsp"
                                           target="_blank" data-type="feature" data-name="成都盛捷江畔服务公寓">
                                            <div class="pic">
                                                <img data-src="https://tse4-mm.cn.bing.net/th/id/OIP-C._J3PhMaDJFoYRrMIv97yugAAAA?rs=1&pid=ImgDetMain" alt="成都盛捷江畔服务公寓">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>成都盛捷江畔服务公寓</h2>
                                                <p class="caption">成都</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           
                                                    </ul>
                                            <ul class="clearfix" style="display:none;" data-id="1">
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="上海雅居乐万豪侯爵酒店">
                                            <div class="pic">
                                                <img data-src="https://ts1.cn.mm.bing.net/th/id/R-C.0ac2d3af35c249a3bdff6addc5a64aab?rik=G%2fVOXekK0V%2bcDA&riu=http%3a%2f%2fwww.qzmychina.com%2fupload%2fimages%2f20190306%2f6368750392602596751605509.jpg&ehk=AUKznWLT%2bAib77%2b3HUs%2bj3slMv7%2fYSFLp4N%2fmN%2fzkkw%3d&risl=&pid=ImgRaw&r=0">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>上海雅居乐万豪侯爵酒店</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="上海浦西万怡酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/465667272.jpg?k=e3bf0c4609d999f7c2e4ae5760e7eacc4071c03ee2537b3aea6d32704e48f40c&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>上海浦西万怡酒店</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="康铂上海外滩店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/321634571.jpg?k=3be31e7462fa71fc99f1eeca4e80723b93e90a93b52a02fbdca2d89cc499885d&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>康铂上海外滩店</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="上海南京路步行街假日酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/470288210.jpg?k=54c45f084a66d7c8db788f7de8b85ee90dd04b1017ccfa7efcb2f1c157fbb743&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>上海南京路步行街假日酒店</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="上海南新雅皇冠假日酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/337716168.jpg?k=e404708d0aeddbd6b8638bf0c1ddab76a56e351fe6bbdec73e7a46ed3fe830d2&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>上海南新雅皇冠假日酒店</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="上海建国宾馆">
                                            <div class="pic">
                                                <img data-src="https://p1-q.mafengwo.net/s9/M00/35/A6/wKgBs1dL8-yAR-LXAAXexFq2AHI55.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>上海建国宾馆</h2>
                                                <p class="caption">上海</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                    </ul>
                                            <ul class="clearfix" style="display:none;" data-id="2">
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="mdd" data-name="武汉晴川假日酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/247026654.jpg?k=b90dca3a23ba4777fa326d3a4ee605ed6fe5caa8df7e5d43e084806666388662&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>晴川假日酒店</h2>
                                                <p class="caption">武汉</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="area" data-name="武汉帝胜酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/27029537.jpg?k=ff80f10196cfbc2f23e747e0d77e08c0b51f125f84754e1ac7a92e285d42c04b&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>帝胜酒店</h2>
                                                <p class="caption">武汉</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="area" data-name="昆明君乐酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/327130687.jpg?k=f265c36697ac81b5f6bb6d9884c1eb2aacf5dd71a5630bce9ae2d581e762bd7b&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>君乐酒店</h2>
                                                <p class="caption">昆明</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                          
                                                    </ul>
                                            <ul class="clearfix" style="display:none;" data-id="3">
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="area" data-name="昆明洲际酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/394803278.jpg?k=ace08230cff24a1269676322fd5f16c32c89451f22d2f9f1a4eccdf79359641b&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>洲际酒店</h2>
                                                <p class="caption">昆明</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="area" data-name="昆明君乐酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/327130687.jpg?k=f265c36697ac81b5f6bb6d9884c1eb2aacf5dd71a5630bce9ae2d581e762bd7b&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>君乐酒店</h2>
                                                <p class="caption">昆明</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="area" data-name="昆明海天酒店">
                                            <div class="pic">
                                                <img data-src="https://ac-a.static.booking.cn/xdata/images/hotel/max1280x900/99888711.jpg?k=dd9b07c4ea069a1cc3cc0e42d99591a1dc68cb9bb69efde87d7374c77d7e3373&o=&hp=1">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>海天酒店</h2>
                                                <p class="caption">昆明</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           
                                                    </ul>
                                            <ul class="clearfix" style="display:none;" data-id="4">
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="成都">
                                            <div class="pic">
                                                <img data-src="https://img0.baidu.com/it/u=1857614163,3266301414&fm=253&fmt=auto&app=120&f=JPEG?w=1026&h=684" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>赛里木湖</h2>
                                                <p class="caption">博乐</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="西安">
                                            <div class="pic">
                                                <img data-src="https://img1.baidu.com/it/u=729373494,1081939726&fm=253&fmt=auto&app=138&f=JPEG?w=1067&h=800" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>喀纳斯</h2>
                                                <p class="caption">布尔津</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="重庆">
                                            <div class="pic">
                                                <img data-src="https://img2.baidu.com/it/u=107483976,396998931&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>可可托海</h2>
                                                <p class="caption">富蕴</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="长沙">
                                            <div class="pic">
                                                <img data-src="https://img1.baidu.com/it/u=245410372,1581858298&fm=253&fmt=auto&app=138&f=JPEG?w=994&h=500" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>巴音布鲁克</h2>
                                                <p class="caption">和静</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="澳门">
                                            <div class="pic">
                                                <img data-src="https://img1.baidu.com/it/u=2459291939,3501875660&fm=253&fmt=auto&app=138&f=JPEG?w=890&h=500" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>禾木</h2>
                                                <p class="caption">布尔津</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                           <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="兰州">
                                            <div class="pic">
                                                <img data-src="https://img0.baidu.com/it/u=2892797601,3536656277&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=320" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>魔鬼城</h2>
                                                <p class="caption">克拉玛依</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                    </ul>
                                            <ul class="clearfix" style="display:none;" data-id="5">
                                                           <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="塞班岛">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/1mc1r12000djd0g299AA2_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>长沙国金中心ECHO翼壳酒店</h2>
                                                <p class="caption">长沙</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="香港">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/0206212000a0mms9x2C0C_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>长沙国金中心异国印象酒店</h2>
                                                <p class="caption">长沙</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            < <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="巴黎">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/0203j120008hm3dssE330_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>天门山仟酒店</h2>
                                                <p class="caption">张家界</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                             <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="纽约">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/1mc6512000bblz5rr02E1_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>曼缘度假酒店</h2>
                                                <p class="caption">张家界</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="东京">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/1mc2r12000cj3itm01F94_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>凤凰最湘西大酒店</h2>
                                                <p class="caption">凤凰</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                            <li>
                                    <div class="fc-item">
                                        <a href=" "
                                           target="_blank" data-type="feature" data-name="东京">
                                            <div class="pic">
                                                <img data-src="https://dimg04.c-ctrip.com/images/200w0j000000aokps51AC_W_1080_808_R5_D.jpg" width="318" height="240" style="width:318px;height:240px;">
                                            </div>
                                            <div class="bag-opa"></div>
                                            <span class="shadow"></span>
                                            <div class="info">
                                                <h2>凤凰素履莲花度假酒店</h2>
                                                <p class="caption">凤凰</p >
                                            </div>
                                        </a >
                                    </div>
                                </li>
                                                    </ul>
                                    </div>
            </div>
        </div>
        
        <div class="h-favorablle" id="_j_sales">
            <div class="h-title"><a href="酒店类型.jsp">酒店类型</a></div>
            
                        
                    
                </div>
                <div class="tab-con _j_tab_content">
                    
                        
                            
                                
                                    
                                        
                                        
                     
                    
                </div>
            </div>
        </div>
    </div>
    
   
    

    <script language="javascript" src="https://js.mafengwo.net/js/hotel/sign/index.js?1631273413" type="text/javascript" crossorigin="anonymous"></script>


    
    

<link href="https://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>


<style>
    #banner-con-gloable{
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width:100%;
        height: 179px;
        overflow-x: hidden;
    }
    #banner-con-gloable .banner-btn-con{
        width: 100%;
        height:162px;
        background: #0C151E;
        opacity: .8;
        position: absolute;
        bottom: 0;
    }
    #banner-con-gloable .banner-btn-con .close-btn{
        position: absolute;
        right: 35px;
        top:24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor:pointer;
    }
    #banner-con-gloable .banner-image-con{
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }
    #float-pannel-gloable{
        padding-left: 0;
        padding-bottom: 30px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }
    #float-pannel-gloable .float-btn{
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    #closed{
        height:24px;
        width:24px;
        vertical-algin:top;
        border:none;
        cursor:pointer;
    }
</style>

<link href="https://css.mafengwo.net/css/cv/css+mfw-toolbar:css+hotel+datepicker-range:css+jquery-ui-1.9.1.custom.min^ZFY^1692855604.css" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar mfw-acc-hide" id="_j_mfwtoolbar">
	<div class="toolbar-item-butler hide">

		<a role="button" class="btn _j_butler" title="">

		<a role="button" class="btn _j_butler" title="532的页面">

			<i class="icon_butler"></i>
		</a>
	</div>

	
		
	

	<div class="travel-butler-dialog hide _j_butler_dialog">
		<div class="tbd-head">
			<div class="tbd-title">
				<strong>532的页面 </strong><br />532提供目的地旅游咨询服务
			</div>
			<div class="tbd-close _j_butler_close"></div>
		</div>
		<div class="tbd-body">
			<div class="tbd-subtitle">出行基本信息</div>
			<div class="tbd-form-item">
				<label>出发地</label>
				<input id="butler_from_mdd_name" class="bord-red" type="text" placeholder="请填写出发地" />
				<div id="butler_from_mdd_sug_top_div"></div>
				<div style="display: none">
					<input id="butler_from_mdd_id" type="text" value="">
					<input id="butler_from_mdd_get_value_from_sug" type="text" value="0">
				</div>
			</div>
			<div class="tbd-form-item">
				<label>目的地</label>
				<input id="butler_arrival_mdd_name" class="bord-red" type="text" placeholder="请填写目的地" />
				<div id="butler_arrival_mdd_sug_top_div"></div>
				<div style="display: none">
					<input id="butler_arrival_mdd_id" type="text" value="">
					<input id="butler_arrival_mdd_get_value_from_sug" type="text" value="0">
				</div>
			</div>
			<div class="tbd-form-item">
				<div class="day-num"><span id="butler_num_days"></span></div>
			</div>
			<div class="tbd-form-item tbd-form-date" id="_j_butler_in_date">
				<label>出行日期</label>
				<input id="butler_go_date" class="bord-red" type="text" readonly placeholder="请填写出行日期" />
				<i class="tbd-date-icon"></i>
			</div>
			<div class="tbd-form-item tbd-form-date" id="_j_butler_out_date">
				<label>返程日期</label>
				<input id="butler_end_date" class="bord-red" type="text" readonly placeholder="请填写返程日期" />
				<i class="tbd-date-icon"></i>
			</div>
			<div class="tbd-form-item tbd-form-person form-item-focus">
				<label>成人</label>
				<input id="butler_adult_num" class="bord-red" type="number" value="2" placeholder="请填写成人数" />
				<span class="tbd-input-suffix">位</span>
			</div>
			<div class="tbd-form-item tbd-form-person form-item-focus">
				<label>儿童</label>
				<input id="butler_child_num" type="numer" value="0" placeholder="请填写儿童数" />
				<span class="tbd-input-suffix">位</span>
			</div>
			
	</div>
    <div class="toolbar-item-top">
		<a role="button" class="btn _j_gotop">
			<i class="icon_top"></i>
            <em>返回顶部</em>
		</a>
	</div>
	<div class="toolbar-item-feedback">
		<a role="button" data-japp="feedback" class="btn">
			<i class="icon_feedback"></i>
            <em>意见反馈</em>
		</a>
	</div>
	<div class="toolbar-item-code">
		<a role="button" class="btn">
			<i class="icon_code"></i>
		</a>
		<a role="button" class="mfw-code _j_code">
            
			
            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90" width="450" height="192" >
		</a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
	</div>
    <div class="toolbar-item-down">
		<a role="button" class="btn _j_gobottom">
			<i class="icon_down"></i>
            <em>页面底部</em>
		</a>
	</div>
</div>



<script language="javascript" type="text/javascript">
if (typeof M !== "undefined" && typeof M.loadResource === "function") {
M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+M+module+Cookie:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+TopTip:js+M+module+QRCode:js+xdate:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad:js+plugins+dynamics:js+hotel+module+Log:js+hotel+module+Search_v2:js+hotel+module+ModuleProvider:js+hotel+module+BookingDate:js+hotel+module+BookingGuests:js+hotel+module+NumberGuestsPicker:js+hotel+module+ImageLoader:js+hotel+index_v5:js+hotel+pc_app_guide^YlVSRw^1705027796.js");
}
</script>

</body>
</html>